<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Crunchy Frog colours</title>
</head>
<body>
<h1>Named colours</h1>
<p>The following is a table of named colours that can be used in your graphics experiments.</p>
<p><small>This table has been adapted from http://en.wikipedia.org.</small></p>

<table>
<tr valign="top">
<td>
<table border="0">
<tr>
<th style="background:lightgrey;">HTML name</th>
<th colspan="2" style="background:lightgrey;">Hex code<br />

R &#160; G &#160; B</th>
</tr>
<tr>
<td colspan="2" style="background:whitesmoke; color:slategray; text-align:left;"><big><b>Red colors</b></big></td>
</tr>
<tr style="background:indianred; color:white;">
<td>IndianRed</td>
<td>CD 5C 5C</td>
</tr>

<tr style="background:lightcoral; color:black;">
<td>LightCoral</td>
<td>F0 80 80</td>
</tr>
<tr style="background:salmon; color:black;">
<td>Salmon</td>
<td>FA 80 72</td>
</tr>
<tr style="background:darksalmon; color:black;">
<td>DarkSalmon</td>
<td>E9 96 7A</td>

</tr>
<tr style="background:lightsalmon; color:black;">
<td>LightSalmon</td>
<td>FF A0 7A</td>
</tr>
<tr style="background:crimson; color:white; color:white;">
<td>Crimson</td>
<td>DC 14 3C</td>
</tr>
<tr style="background:red; color:white;">
<td>Red</td>
<td>FF 00 00</td>

</tr>
<tr style="background:firebrick; color:white;">
<td>FireBrick</td>
<td>B2 22 22</td>
</tr>
<tr style="background:darkred; color:white;">
<td>DarkRed</td>
<td>8B 00 00</td>
</tr>
<tr>
<td colspan="2" style="background:whitesmoke; color:slategray; text-align:left;"><big><b>Pink colors</b></big></td>
</tr>

<tr style="background:pink; color:black;">
<td>Pink</td>
<td>FF C0 CB</td>
</tr>
<tr style="background:lightpink; color:black;">
<td>LightPink</td>
<td>FF B6 C1</td>
</tr>
<tr style="background:hotpink; color:white;">
<td>HotPink</td>
<td>FF 69 B4</td>

</tr>
<tr style="background:deeppink; color:white;">
<td>DeepPink</td>
<td>FF 14 93</td>
</tr>
<tr style="background:mediumvioletred; color:white;">
<td>MediumVioletRed</td>
<td>C7 15 85</td>
</tr>
<tr style="background:palevioletred; color:white;">
<td>PaleVioletRed</td>
<td>DB 70 93</td>

</tr>
<tr>
<td colspan="2" style="background:whitesmoke; color:slategray; text-align:left;"><big><b>Orange colors</b></big></td>
</tr>
<tr style="background:lightsalmon; color:black;">
<td>LightSalmon</td>
<td>FF A0 7A</td>
</tr>
<tr style="background:coral; color:white;">
<td>Coral</td>
<td>FF 7F 50</td>
</tr>

<tr style="background:tomato; color:white;">
<td>Tomato</td>
<td>FF 63 47</td>
</tr>
<tr style="background:orangered; color:white;">
<td>OrangeRed</td>
<td>FF 45 00</td>
</tr>
<tr style="background:darkorange; color:white;">
<td>DarkOrange</td>
<td>FF 8C 00</td>

</tr>
<tr style="background:orange; color:white;">
<td>Orange</td>
<td>FF A5 00</td>
</tr>
<tr>
<td colspan="2" style="background:whitesmoke; color:slategray; text-align:left;"><big><b>Yellow colors</b></big></td>
</tr>
<tr style="background:gold; color:black;">
<td>Gold</td>
<td>FF D7 00</td>
</tr>

<tr style="background:yellow; color:black;">
<td>Yellow</td>
<td>FF FF 00</td>
</tr>
<tr style="background:lightyellow; color:black;">
<td>LightYellow</td>
<td>FF FF E0</td>
</tr>
<tr style="background:lemonchiffon; color:black;">
<td>LemonChiffon</td>
<td>FF FA CD</td>

</tr>
<tr style="background:lightgoldenrodyellow; color:black;">
<td>LightGoldenrodYellow</td>
<td>FA FA D2</td>
</tr>
<tr style="background:papayawhip; color:black;">
<td>PapayaWhip</td>
<td>FF EF D5</td>
</tr>
<tr style="background:moccasin; color:black;">
<td>Moccasin</td>
<td>FF E4 B5</td>

</tr>
<tr style="background:peachpuff; color:black;">
<td>PeachPuff</td>
<td>FF DA B9</td>
</tr>
<tr style="background:palegoldenrod; color:black;">
<td>PaleGoldenrod</td>
<td>EE E8 AA</td>
</tr>
<tr style="background:khaki; color:black;">
<td>Khaki</td>
<td>F0 E6 8C</td>

</tr>
<tr style="background:darkkhaki; color:white;">
<td>DarkKhaki</td>
<td>BD B7 6B</td>
</tr>
<tr>
<td colspan="2" style="background:whitesmoke; color:slategray; text-align:left;"><big><b>Purple colors</b></big></td>
</tr>
<tr style="background:lavender; color:black;">
<td>Lavender</td>
<td>E6 E6 FA</td>
</tr>

<tr style="background:thistle; color:white;">
<td>Thistle</td>
<td>D8 BF D8</td>
</tr>
<tr style="background:plum; color:white;">
<td>Plum</td>
<td>DD A0 DD</td>
</tr>
<tr style="background:violet; color:white;">
<td>Violet</td>
<td>EE 82 EE</td>

</tr>
<tr style="background:orchid; color:white;">
<td>Orchid</td>
<td>DA 70 D6</td>
</tr>
<tr style="background:fuchsia; color:white;">
<td>Fuchsia</td>
<td>FF 00 FF</td>
</tr>
<tr style="background:magenta; color:white;">
<td>Magenta</td>
<td>FF 00 FF</td>

</tr>
<tr style="background:mediumorchid; color:white;">
<td>MediumOrchid</td>
<td>BA 55 D3</td>
</tr>
<tr style="background:mediumpurple; color:white;">
<td>MediumPurple</td>
<td>93 70 DB</td>
</tr>
<tr style="background:blueviolet; color:white;">
<td>BlueViolet</td>
<td>8A 2B E2</td>

</tr>
<tr style="background:darkviolet; color:white;">
<td>DarkViolet</td>
<td>94 00 D3</td>
</tr>
<tr style="background:darkorchid; color:white;">
<td>DarkOrchid</td>
<td>99 32 CC</td>
</tr>
<tr style="background:darkmagenta; color:white;">
<td>DarkMagenta</td>
<td>8B 00 8B</td>

</tr>
<tr style="background:purple; color:white;">
<td>Purple</td>
<td>80 00 80</td>
</tr>
<tr style="background:indigo; color:white;">
<td>Indigo</td>
<td>4B 00 82</td>
</tr>
<tr style="background:slateblue; color:white;">
<td>SlateBlue</td>
<td>6A 5A CD</td>

</tr>
<tr style="background:darkslateblue; color:white;">
<td>DarkSlateBlue</td>
<td>48 3D 8B</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<th style="background:lightgrey;">HTML name</th>
<th colspan="2" style="background:lightgrey;">Hex code<br />
R &#160; G &#160; B</th>
</tr>
<tr>
<td colspan="2" style="background:whitesmoke; color:slategray; text-align:left;"><big><b>Green colors</b></big></td>
</tr>
<tr style="background:greenyellow; color:black;">
<td>GreenYellow</td>
<td>AD FF 2F</td>
</tr>

<tr style="background:chartreuse; color:black;">
<td>Chartreuse</td>
<td>7F FF 00</td>
</tr>
<tr style="background:lawngreen; color:black;">
<td>LawnGreen</td>
<td>7C FC 00</td>
</tr>
<tr style="background:lime; color:black;">
<td>Lime</td>
<td>00 FF 00</td>

</tr>
<tr style="background:limegreen; color:black;">
<td>LimeGreen</td>
<td>32 CD 32</td>
</tr>
<tr style="background:palegreen; color:black;">
<td>PaleGreen</td>
<td>98 FB 98</td>
</tr>
<tr style="background:lightgreen; color:black;">
<td>LightGreen</td>
<td>90 EE 90</td>

</tr>
<tr style="background:mediumspringgreen; color:black;">
<td>MediumSpringGreen</td>
<td>00 FA 9A</td>
</tr>
<tr style="background:springgreen; color:black;">
<td>SpringGreen</td>
<td>00 FF 7F</td>
</tr>
<tr style="background:mediumseagreen; color:white;">
<td>MediumSeaGreen</td>
<td>3C B3 71</td>

</tr>
<tr style="background:seagreen; color:white;">
<td>SeaGreen</td>
<td>2E 8B 57</td>
</tr>
<tr style="background:forestgreen; color:white;">
<td>ForestGreen</td>
<td>22 8B 22</td>
</tr>
<tr style="background:green; color:white;">
<td>Green</td>
<td>00 80 00</td>

</tr>
<tr style="background:darkgreen; color:white;">
<td>DarkGreen</td>
<td>00 64 00</td>
</tr>
<tr style="background:yellowgreen; color:white;">
<td>YellowGreen</td>
<td>9A CD 32</td>
</tr>
<tr style="background:olivedrab; color:white;">
<td>OliveDrab</td>
<td>6B 8E 23</td>

</tr>
<tr style="background:olive; color:white;">
<td>Olive</td>
<td>80 80 00</td>
</tr>
<tr style="background:darkolivegreen; color:white;">
<td>DarkOliveGreen</td>
<td>55 6B 2F</td>
</tr>
<tr style="background:mediumaquamarine; color:black;">
<td>MediumAquamarine</td>
<td>66 CD AA</td>

</tr>
<tr style="background:darkseagreen; color:white;">
<td>DarkSeaGreen</td>
<td>8F BC 8F</td>
</tr>
<tr style="background:lightseagreen; color:white;">
<td>LightSeaGreen</td>
<td>20 B2 AA</td>
</tr>
<tr style="background:darkcyan; color:white;">
<td>DarkCyan</td>
<td>00 8B 8B</td>

</tr>
<tr style="background:teal; color:white;">
<td>Teal</td>
<td>00 80 80</td>
</tr>
<tr>
<td colspan="2" style="background:whitesmoke; color:slategray; text-align:left;"><big><b>Blue colors</b></big></td>
</tr>
<tr style="background:aqua; color:black;">
<td>Aqua</td>
<td>00 FF FF</td>
</tr>

<tr style="background:cyan; color:black;">
<td>Cyan</td>
<td>00 FF FF</td>
</tr>
<tr style="background:lightcyan; color:black;">
<td>LightCyan</td>
<td>E0 FF FF</td>
</tr>
<tr style="background:paleturquoise; color:black;">
<td>PaleTurquoise</td>
<td>AF EE EE</td>

</tr>
<tr style="background:aquamarine; color:black;">
<td>Aquamarine</td>
<td>7F FF D4</td>
</tr>
<tr style="background:turquoise; color:black;">
<td>Turquoise</td>
<td>40 E0 D0</td>
</tr>
<tr style="background:mediumturquoise; color:white;">
<td>MediumTurquoise</td>
<td>48 D1 CC</td>

</tr>
<tr style="background:darkturquoise; color:white;">
<td>DarkTurquoise</td>
<td>00 CE D1</td>
</tr>
<tr style="background:cadetblue; color:white;">
<td>CadetBlue</td>
<td>5F 9E A0</td>
</tr>
<tr style="background:steelblue; color:white;">
<td>SteelBlue</td>
<td>46 82 B4</td>

</tr>
<tr style="background:lightsteelblue; color:black;">
<td>LightSteelBlue</td>
<td>B0 C4 DE</td>
</tr>
<tr style="background:powderblue; color:black;">
<td>PowderBlue</td>
<td>B0 E0 E6</td>
</tr>
<tr style="background:lightblue; color:black;">
<td>LightBlue</td>
<td>AD D8 E6</td>

</tr>
<tr style="background:skyblue; color:black;">
<td>SkyBlue</td>
<td>87 CE EB</td>
</tr>
<tr style="background:lightskyblue; color:black;">
<td>LightSkyBlue</td>
<td>87 CE FA</td>
</tr>
<tr style="background:deepskyblue; color:white;">
<td>DeepSkyBlue</td>
<td>00 BF FF</td>

</tr>
<tr style="background:dodgerblue; color:white;">
<td>DodgerBlue</td>
<td>1E 90 FF</td>
</tr>
<tr style="background:cornflowerblue; color:white;">
<td>CornflowerBlue</td>
<td>64 95 ED</td>
</tr>
<tr style="background:mediumslateblue; color:white;">
<td>MediumSlateBlue</td>
<td>7B 68 EE</td>

</tr>
<tr style="background:royalblue; color:white;">
<td>RoyalBlue</td>
<td>41 69 E1</td>
</tr>
<tr style="background:blue; color:white;">
<td>Blue</td>
<td>00 00 FF</td>
</tr>
<tr style="background:mediumblue; color:white;">
<td>MediumBlue</td>
<td>00 00 CD</td>

</tr>
<tr style="background:darkblue; color:white;">
<td>DarkBlue</td>
<td>00 00 8B</td>
</tr>
<tr style="background:navy; color:white;">
<td>Navy</td>
<td>00 00 80</td>
</tr>
<tr style="background:midnightblue; color:white;">
<td>MidnightBlue</td>
<td>19 19 70</td>

</tr>
</table>
</td>
<td>
<table>
<tr>
<th style="background:lightgrey;">HTML name</th>
<th colspan="2" style="background:lightgrey;">Hex code<br />
R &#160; G &#160; B</th>

</tr>
<tr>
<td colspan="2" style="background:whitesmoke; color:slategray; text-align:left;"><big><b>Brown colors</b></big></td>
</tr>
<tr style="background:cornsilk; color:black;">
<td>Cornsilk</td>
<td>FF F8 DC</td>
</tr>
<tr style="background:blanchedalmond; color:black;">
<td>BlanchedAlmond</td>
<td>FF EB CD</td>
</tr>

<tr style="background:bisque; color:black;">
<td>Bisque</td>
<td>FF E4 C4</td>
</tr>
<tr style="background:navajowhite; color:black;">
<td>NavajoWhite</td>
<td>FF DE AD</td>
</tr>
<tr style="background:wheat; color:black;">
<td>Wheat</td>
<td>F5 DE B3</td>

</tr>
<tr style="background:burlywood; color:white;">
<td>BurlyWood</td>
<td>DE B8 87</td>
</tr>
<tr style="background:tan; color:white;">
<td>Tan</td>
<td>D2 B4 8C</td>
</tr>
<tr style="background:rosybrown; color:white;">
<td>RosyBrown</td>
<td>BC 8F 8F</td>

</tr>
<tr style="background:sandybrown; color:white;">
<td>SandyBrown</td>
<td>F4 A4 60</td>
</tr>
<tr style="background:goldenrod; color:white;">
<td>Goldenrod</td>
<td>DA A5 20</td>
</tr>
<tr style="background:darkgoldenrod; color:white;">
<td>DarkGoldenrod</td>
<td>B8 86 0B</td>

</tr>
<tr style="background:peru; color:white;">
<td>Peru</td>
<td>CD 85 3F</td>
</tr>
<tr style="background:chocolate; color:white;">
<td>Chocolate</td>
<td>D2 69 1E</td>
</tr>
<tr style="background:saddlebrown; color:white;">
<td>SaddleBrown</td>
<td>8B 45 13</td>

</tr>
<tr style="background:sienna; color:white;">
<td>Sienna</td>
<td>A0 52 2D</td>
</tr>
<tr style="background:brown; color:white;">
<td>Brown</td>
<td>A5 2A 2A</td>
</tr>
<tr style="background:maroon; color:white;">
<td>Maroon</td>
<td>80 00 00</td>

</tr>
<tr>
<td colspan="2" style="background:whitesmoke; color:slategray; text-align:left;"><big><b>White colors</b></big></td>
</tr>
<tr style="background:white; color:black;">
<td>White</td>
<td>FF FF FF</td>
</tr>
<tr style="background:snow; color:black;">
<td>Snow</td>
<td>FF FA FA</td>
</tr>

<tr style="background:honeydew; color:black;">
<td>Honeydew</td>
<td>F0 FF F0</td>
</tr>
<tr style="background:mintcream; color:black;">
<td>MintCream</td>
<td>F5 FF FA</td>
</tr>
<tr style="background:azure; color:black;">
<td>Azure</td>
<td>F0 FF FF</td>

</tr>
<tr style="background:aliceblue; color:black;">
<td>AliceBlue</td>
<td>F0 F8 FF</td>
</tr>
<tr style="background:ghostwhite; color:black;">
<td>GhostWhite</td>
<td>F8 F8 FF</td>
</tr>
<tr style="background:whitesmoke; color:black;">
<td>WhiteSmoke</td>
<td>F5 F5 F5</td>

</tr>
<tr style="background:seashell; color:black;">
<td>Seashell</td>
<td>FF F5 EE</td>
</tr>
<tr style="background:beige; color:black;">
<td>Beige</td>
<td>F5 F5 DC</td>
</tr>
<tr style="background:oldlace; color:black;">
<td>OldLace</td>
<td>FD F5 E6</td>

</tr>
<tr style="background:floralwhite; color:black;">
<td>FloralWhite</td>
<td>FF FA F0</td>
</tr>
<tr style="background:ivory; color:black;">
<td>Ivory</td>
<td>FF FF F0</td>
</tr>
<tr style="background:antiquewhite; color:black;">
<td>AntiqueWhite</td>
<td>FA EB D7</td>

</tr>
<tr style="background:linen; color:black;">
<td>Linen</td>
<td>FA F0 E6</td>
</tr>
<tr style="background:lavenderblush; color:black;">
<td>LavenderBlush</td>
<td>FF F0 F5</td>
</tr>
<tr style="background:mistyrose; color:black;">
<td>MistyRose</td>
<td>FF E4 E1</td>

</tr>
<tr>
<td colspan="2" style="background:whitesmoke; color:slategray; text-align:left;"><big><b>Grey colors</b></big></td>
</tr>
<tr style="background:gainsboro; color:black;">
<td>Gainsboro</td>
<td>DC DC DC</td>
</tr>
<tr style="background:lightgrey; color:black;">
<td>LightGrey</td>
<td>D3 D3 D3</td>
</tr>

<tr style="background:silver; color:black;">
<td>Silver</td>
<td>C0 C0 C0</td>
</tr>
<tr style="background:darkgray; color:black;">
<td>DarkGray</td>
<td>A9 A9 A9</td>
</tr>
<tr style="background:gray; color:white;">
<td>Gray</td>
<td>80 80 80</td>

</tr>
<tr style="background:dimgray; color:white;">
<td>DimGray</td>
<td>69 69 69</td>
</tr>
<tr style="background:lightslategray; color:white;">
<td>LightSlateGray</td>
<td>77 88 99</td>
</tr>
<tr style="background:slategray; color:white;">
<td>SlateGray</td>
<td>70 80 90</td>

</tr>
<tr style="background:darkslategray; color:white;">
<td>DarkSlateGray</td>
<td>2F 4F 4F</td>
</tr>
<tr style="background:black; color:white;">
<td>Black</td>
<td>00 00 00</td>
</tr>
</table>
</td>
</tr>
</table>

</body>
</html>

